<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<!--关键词和描述-->
	<title>未分类项</title>
	<!--下面是 公共的css-->
	<link href="__ROOT__/static/css/bootstrap.min.css" rel="stylesheet" />
	<link href="__ROOT__/static/note/index/css/common.css" rel="stylesheet" />
	<!--下面 每个页面的特色css-->




</head>

<body>

	<h1 class="text-center">未分类项</h1>
	<h6>一：div套div 水平居中 靠左 靠右 （文字？） </h6>
	<div class="container-fluid a">
		<div class="row">
			<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 b">

				<div style="width:87px;height:87px;border:1px solid ;background-color:blue;float: none;
			display: block;
			margin: 0 auto;">div水平居中</div>

			</div>
			<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
				<div class="pull-left a" style="width:87px;height:87px;border:1px solid ;background-color:blue;">div水平靠左</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 b">

				<div class="pull-right a" style="width:87px;height:87px;border:1px solid ;background-color:blue;">div水平靠右</div>
			</div>

		</div>
		



		<h6>三：文字 </h6>


	</div>






	<!--下面是 公共的js-->
	<script src="__ROOT__/static/js/jquery.min.js"></script>
	<script src="__ROOT__/static/js/bootstrap.min.js"></script>
</body>

</html>